<template>
	<view>
		<view class="complaints_header" :style="{ paddingTop: StatusBar + 'px' }">
			<view class="header_box">
				<view class="header_back" @click="navigateBack()">
					<text class="iconfont icon-Left"></text>
				</view>
				<view class="header_title">{{title}}</view>
			</view>
		</view>
		<view class="loan_box">
			<rich-text :nodes="content"></rich-text>
		</view>
	</view>
</template>

<script>
import { tips_message } from '@/api/login'
export default {
	data() {
		return {
			content: '',
			title: ''
		};
	},
	onLoad(option) {
		this.tips_message(option.id)
	},
	methods: {
		async tips_message(id) {
			let data = await tips_message({id})
			this.content = data.data.content
			this.title = data.data.title
		}
	}
};
</script>

<style>
page {
	background: #f7f8fa;
}
</style>
<style lang="scss" scoped>
.complaints_header {
	background: #fff;
	.header_box {
		display: flex;
		align-items: center;
		padding: 28rpx 32rpx;
		position: relative;
		font-weight: bold;
		.header_back {
			margin-left: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header_title {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}
.loan_box {
	padding: 20rpx 32rpx;
}
</style>
